<template>
	<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
		<swiper-item>
			<view class="swiper-item">
				<img class="swiper-img" src="@/static/img/swiper1.jpg" alt="">
			</view>
		</swiper-item>
		<swiper-item>
			<view class="swiper-item">
				<img class="swiper-img" src="@/static/img/swiper2.jpg" alt="" />
			</view>
		</swiper-item>
		<swiper-item>
			<view class="swiper-item">
				<img class="swiper-img" src="@/static/img/swiper3.jpg" alt="" />
			</view>
		</swiper-item>
	</swiper>
</template>

<script>
</script>

<style>
	swiper{
		/* 兼容app */
		widows: 100%;
		height: 300rpx;	
	}
	.swiper-img{
		widows: 100%;
		height: 300rpx;
	}
</style>